<!--
  Generated template for the UnreadMessagePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>未读消息</ion-title>
    <ion-buttons end>
      <button ion-button (click)="gotoAllMessage()">
        <span ion-text color="Gray-color" >所有消息</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content>


  <ion-list *ngIf="messageList?.length > 0" >
    <ion-item *ngFor="let item of messageList" tappable (click)="gotoMessageDetail(item)">
      <h2>{{item.head}}<ion-badge *ngIf="item.isRead === '0'" style="margin-left: 5px;background-color: #ff0f1c">未读</ion-badge></h2>
      <div item-end>
        <h3 style="margin-left: 10px">{{item.pushDate}}</h3>
      </div>
      <p class="message-content">
        {{item.body}}
      </p>
    </ion-item>
  </ion-list>

  <div *ngIf="(isNull && messageList.length === 0)" class="null-tips">
    <img src="assets/imgs/null.png" alt="">
    <div>暂无数据</div>
  </div>


  <!--<ion-list >-->
    <!--<ion-item>-->
      <!--<h2>用餐提醒</h2><ion-badge style="color: #ff0f1c">未读</ion-badge>-->
      <!--<div item-end>-->
        <!--<h3 style="margin-left: 10px">2018-06-28</h3>-->
      <!--</div>-->
      <!--<p class="message-content">-->
        <!--提醒您，您预定的午餐将于11：30分开始取餐，请及时取餐，避免过期。祝用餐愉快！-->
      <!--</p>-->
    <!--</ion-item>-->
    <!--<ion-item>-->
      <!--<h2>用餐提醒</h2><ion-badge style="color: #ff0f1c">未读</ion-badge>-->
      <!--<div item-end>-->
        <!--<h3 style="margin-left: 10px">2018-06-28</h3>-->
      <!--</div>-->
      <!--<p class="message-content">-->
        <!--提醒您，您预定的晚餐将于17：30分开始取餐，请及时取餐，避免过期。祝用餐愉快！-->
      <!--</p>-->
    <!--</ion-item>-->
  <!--</ion-list>-->

</ion-content>
